<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
	<title>数据大屏</title>
	<link rel="shortcut icon" href="../../assets/ico/favicon32.ico" type="image/x-icon" />
	<link rel="stylesheet" href="../../lib/layui/css/layui.css">
	<link rel="stylesheet" href="../../common/common.css">
	<link rel="stylesheet" href="../../common/app.css">
</head>
<body class="layui-layout-body">
<div class="layui-layout layui-layout-admin">
	<div class="layui-header index-header">
		<div class="layui-logo "><img src="../../assets/img/logo.png" alt=""></div>
		<!-- 头部区域（可配合layui已有的水平导航） -->

		<ul class="layui-nav layui-layout-right index-header">
			<!--<li class="layui-nav-item help">
				<a href="javascript:;">
					<img src="../../assets/img/help.png" class="layui-nav-img">帮助
				</a>
			</li>-->
			<li class="layui-nav-item">
				<a href="javascript:;">
					<img src="../../assets/img/user2.png" class="layui-nav-img us">昵称
				</a>
			</li>
			<li class="layui-nav-item">
				<a href="javascript:;">
					<img src="./../../assets/img/out.png" class="layui-nav-img">
				</a>
			</li>
		</ul>
	</div>
	<div class="layui-tab">
		<div class="layui-side layui-bg-black ">
			<div class="layui-side-scroll">
				<div class="look">
					<img src="../../assets/img/big.png" class="work work-look1">
				</div>
				<!-- 左侧导航区域（可配合layui已有的垂直导航） -->
				<ul class="layui-nav layui-nav-tree layui-tab-title left_tab" lay-filter="test">
					<li class="layui-nav-item num layui-this">
						<img src="../../assets/img/work.png" class="work"><span>工作台</span>
					</li>
					<!--<li class="layui-nav-item num">
						<img src="../../assets/img/num.png" class="work"><span>数据管理</span>
					</li>-->
				</ul>
			</div>
		</div>

		<div class="layui-body layui-tab-content Num" style="background-color: #fff">
			<!-- 内容主体区域 -->

			<div class="layui-tab-item layui-show">
				<div class="layui-tab layui-tab-brief lTop" lay-filter="docDemoTabBrief">
					<ul class="layui-tab-title">
						<li class="layui-this  layui-show layui-anim layui-anim-fadein">数据大屏</li>
					</ul>
					<div class="layui-tab-content">
						<div class="layui-tab-item layui-show layui-anim layui-anim-fadein">
							<div class="SJ-top">
								<div class="SJT-left">
									<!--<button type="button" class="btn tab-button">
										<i class="layui-icon">&#xe654;</i> 创建组
									</button>-->
								</div>
								<div class="SJT-right">
									<button type="button" class="btn" id = "exportData">
										<i class="iconfont">&#xe637;</i> 导出大屏
									</button>
									<button type="button" class="btn btn-daoru">
										<i class="iconfont">&#xe6e0;</i> 导入大屏
									</button>
									<div class="SJT-ss">
										<input type="text" class="suos" placeholder="请输入大屏关键字" id="group_name">
										<i class="iconfont ic" id="queryPanelGroup">&#xe618;</i>
									</div>

								</div>
							</div>
							<div class="SJ-bottom">
								<ul class="SJB-ul addLi">
								</ul>
							</div>
						</div>
					</div>
				</div>
			</div>

			<!--<div class="layui-tab-item">
				<div class="layui-tab layui-tab-brief lTop" lay-filter="docDemoTabBrief">
					<ul class="layui-tab-title">
						<li class="layui-this">数据库</li>
						<li>第三方接口</li>
					</ul>
					<div class="layui-tab-content">
						<div class="layui-tab-item layui-show">
							<div class="SJ-top">
								<div class="SJT-left">
									<div>全部数据库<span>0</span>个</div>

								</div>
								<div class="SJT-right">
									<button class="btn" onclick="shownum()">
										<i class="layui-icon">&#xe654;</i>新建数据源
									</button>
									<div class="SJT-ss">
										<input type="text" class="suos" placeholder="请输入关键字">
										<i class="iconfont ic">&#xe618;</i>
									</div>

								</div>
							</div>
							<div class="Sj-num">暂无数据</div>
						</div>
						<di class="layui-tab-item">
							<div class="SJ-top">
								<div class="SJT-left">
									<div>全部第三方接口<span>0</span>个</div>

								</div>
								<div class="SJT-right">
									<button type="button" class="btn">
										<i class="layui-icon">&#xe654;</i>新建组
									</button>
									<div class="SJT-ss">
										<input type="text" class="suos" placeholder="请输入关键字">
										<i class="iconfont ic">&#xe618;</i>
									</div>

								</div>
							</div>
							<div class="Sj-num">暂无数据</div>
						</di>

					</div>
				</div>
				<div class="sj-num">
					<div class="sj-top">
						<i class="iconfont">&#xe6cc;</i>
						<span>新增数据源</span>
					</div>
					<ul class="sj-bottom">
						<li>
							<div class="sjleft sjs1">
								<img src="../../assets/img/book.png" alt="">
							</div>
							<p>ORACLE</p>
						</li>
						<li>
							<div class="sjleft sjs2">
								<img src="../../assets/img/book.png" alt="">
							</div>
							<p>PostgreSQL</p>

						</li>
						<li class="sj-li" onmouseover="SJmove()" onmouseout="SJout()">
							<div class="sjleft sjs3">
								<img src="../../assets/img/book.png" alt="">
							</div>
							<p>MySQL</p>
							<div class="sj-fu">
								<i class="iconfont" onclick="shownum()">&#xe678;</i>
							</div>
						</li>
						<li>
							<div class="sjleft sjs4">
								<img src="../../assets/img/book.png" alt="">
							</div>
							<p>MariaDB</p>

						</li>
						<li>
							<div class="sjleft sjs5"><img src="../../assets/img/book.png" alt=""></div>
							<p>SQLServer</p>
						</li>
					</ul>

				</div>
			</div>-->


		</div>
	</div>
	<div class="tab">
		<div class="new-panelGroup">
			<div class="tab-title">
				<span>新建大屏组</span>
				<i class="iconfont" onclick="Hide()">&#xe714;</i>
			</div>
			<div class="tab_cont">
				<div class="layui-inline">
					<label class="layui-form-label">大屏组名称</label>
					<div class="layui-input-inline">
						<input type="text"
							   id="group_new_name"
							   class="layui-input">
					</div>
				</div>

				<div class="ChildT-pic">
					<label class="layui-form-label">背景图片</label>
					<div class="ChildTp-file">
						<input type="file"
							   name="pclogo"
							   id="xdaTanFileImg"
							   onchange="xmTanUploadImg(this)"
							   accept="image/*"/>
						<img src="../../assets/img/cover.png"
							 class="img-circle img-thumbnail img-responsive"
							 id="background_image"/>
						<p>
							点击或拖拽文件至这里</p>
					</div>
				</div>
			</div>


			<div class="tab-bottom">
				<button type="button" class="btn-primary" id = "newPanelGroup">确定</button>
				<button type="button" class="btn" onclick="Hide()">取消</button>
			</div>
		</div>
	</div>
	<div class="sj-Num">
		<!--<div class="sjN-conten">
			<div class="sjNc-top">
				<span>新增MySQL数据</span>
				<i class="iconfont" onclick="hidenum()">&#xe714;</i>
			</div>
			<div class="sjNc-cont">
				<div class="sjNc-input">
					<span>数据库名称:</span>
					<input type="text" placeholder="请输入数据源名称">
				</div>
				<div class="sjNc-input">
					<span>数据库地址:</span>
					<input type="text" placeholder="请输入数据库地址">
				</div>
				<div class="sjNc-input">
					<span>数据库端口:</span>
					<input type="text" placeholder="请输入数据库端口">
				</div>
				<div class="sjNc-input">
					<span>数据库/ODBC:</span>
					<input type="text" placeholder="请输入数据库/ODBC">
				</div>
				<div class="sjNc-input">
					<span>数据库用户名:</span>
					<input type="text" placeholder="请输入数据库用户名">
				</div>
				<div class="sjNc-input">
					<span>数据库密码:</span>
					<input type="text" placeholder="请输入数据库密码">
				</div>
				<a href="">测试连接</a>
				<p>小提示：请设置您的数据库允许我们的服务器IP：101.37.90.165连接。</p>
			</div>
			<div class="tab-bottom">
				<button type="button" class="btn-primary">确定</button>
				<button type="button" class="btn" onclick="hidenum()">取消</button>
			</div>
		</div>-->
	</div>
	<!--    <div class="layui-footer">-->
	<!--        &lt;!&ndash; 底部固定区域 &ndash;&gt;-->
	<!--        © layui.com - 底部固定区域-->
	<!--    </div>-->
</div>
</body>
<script src="../../lib/jquery/jquery-3.0.0.min.js"></script>
<script src="../../lib/layui/layui.js"></script>
<script src="../../common/common.js"></script>
<script src="./num.js"></script>
</html>